import { Meta } from '@storybook/blocks';

import * as ScaffoldStories from '../stories/Scaffold.stories';

<Meta of={ScaffoldStories} />

# Scaffold

Implements the basic material design visual layout structure.

## Example

```dart liveslice=Scaffold mockup=iPhone7
int _count = 0;

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('Sample Code'),
    ),
    body: Center(
      child: Text('You have pressed the button $_count times.'),
    ),
    bottomNavigationBar: BottomAppBar(
      child: Container(height: 50.0,),
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () => setState(() {
        _count++;
      }),
      tooltip: 'Increment Counter',
      child: Icon(Icons.add),
    ),
    floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
  );
}
```

## Related Links

- https://api.flutter.dev/flutter/material/Scaffold-class.html
